<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>验证用户输入的密码</title>
    <style type="text/css">
        body{
            background-color: #F3EFE0;
        }
        .middle{
            width: 300px;
            /* height: 800px; */
            margin: 100px auto;
        }
        span{
            color: red;
        }
        .bot{
            color: #918E84;
            font-family:Arial, Helvetica, sans-serif;
            font-size: 24px;
            position: relative;
            right: 200px;
            float: right;
        }
    </style>
</head>
<body>
    <script>
        function isLogin(str1, str2){
            if(str1 != '123456'){
                alert("账号输入错误!");
                if(str2 != '123456'){
                    alert("密码输入错误!");
                }
                return false;
            }else if(str2 != '123456'){
                alert("密码输入错误!");
                return false;
            }else{
                alert("输入正确,登陆成功!");
                document.write("Login Successful...<br><br>Thank You For Your Visit!<br><br>Please refresh automatically to exit!(请自动刷新退出)");
                document.body.style.backgroundColor = '#00FFFF';
                return true;
            }
        }
    </script>
    <div class="middle">
        <br><br><br>
        账号：<input type="text" id="User"><br><br>
        密码：<input type="password" id="pass"><br>
        <p><span>*</span>&nbsp;初始化账号密码均为：123456</p><br>
        <input type="button" value="登录" onclick="isLogin(document.getElementById('User').value, document.getElementById('pass').value)">
        <input type="button" value="返回" onclick="location.href='../章节目录/第一章.html'">
    </div>
    <div class="bot">
        <h3>Please appreciate((●'◡'●))......</h3>
    </div>
</body>
</html>